.content {
    background: hsl(0, 0%, 94%);
    min-height: 100vh;
    box-sizing: border-box;
    padding-bottom: 50rpx;
}

.topsbox {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 40rpx;
    background: white;
    line-height: 80rpx;
    z-index: 99;
}

.navagitor {
    background: #fff;
    color: #343a40;
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 32rpx;
}

.tops {
    height: 80rpx;
    position: relative;
}

.icon-fanhui {
    position: absolute;
    left: 15rpx;
    font-size: 30rpx;
    line-height: 71rpx;
}

.fanhui {
    position: absolute;
    left: 20rpx;
    line-height: 71rpx;
}

.title {
    text-align: center;
    font-size: 30rpx;
    display: flex;
    width: 50vw;
    margin: 0 auto;
    line-height: 71rpx;
}


.custom-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}

.navbar-content {
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.content {
    min-height: 100vh;
    box-sizing: border-box;
}

.title>view {
    flex: 1;
    color: #343A40;
}

.active {
    color: #4EA8FF !important;
    position: relative;
}

.active::before {
    content: "";
    position: absolute;
    bottom: 10rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 40rpx;
    height: 5rpx;
    border-radius: 5rpx;
    background: #039DEE;
    left: 50%;
    transform: translateX(-50%);
}

.headers {}

.headerimg {
    width: 80rpx;
    height: 80rpx;
    float: left;
    margin-right: 20rpx;
}

.names {
    float: left;
}

.phont {
    font-size: 30rpx;
    overflow: hidden;
    line-height: 50rpx;
}

.phont>view:nth-child(1) {
    float: left;
}

.phont>view:nth-child(2) {
    float: left;
}

.numbers {
    font-size: 25rpx;
    background: #F7F7F9;
    padding: 2rpx 5rpx;
    border-radius: 10rpx;
}

.qiehuan {
    float: left;
    width: 152rpx;
    height: 50rpx;
    background: #4EA8FF;
    color: white;
    font-size: 23rpx;
    line-height: 50rpx;
    text-align: center;
    border-radius: 21rpx;
    margin-left: 74rpx;
}

.headers {
    padding: 50rpx 20rpx;
    box-sizing: border-box;
    overflow: hidden;
    background: white;
}

.boxs {
    overflow: hidden;
    margin-top: 20rpx;
    background: white;
    padding: 20rpx 0;
}

.boxs .active {}



.navtitle {
    text-align: center;
    font-size: 30rpx;
    height: 65rpx;
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.navtitle>view {
    flex: 1;
    color: #343A40;
}


.m_flexs {
    margin: 0 15rpx;
}

.mainSwiper {
    margin: 0rpx;
    margin-top: 20rpx;
    display: flex;
    border-radius: 18rpx;
    height: 260rpx;

    .viewbox {
        flex: 1;
        padding: 20rpx;
        text-align: center;
        padding-top: 0px;
    }

    .viewbox .f {
        border-radius: 20rpx;
        padding: 50rpx 0;
        box-shadow: 0px 0px 10rpx rgba(0, 0, 0, 0.08);
    }

    .viewbox .f>view:nth-child(2) {
        margin-top: 50rpx;
    }

    .monthactive {
        border: solid 1px #4EA8FF;
    }

}

.tishi {
    font-size: 25rpx;
    margin-left: 31rpx;
}

.quanyi {
    font-size: 50rpx;
    font-weight: bold;
    text-align: center;
    margin-top: 49rpx;
}

.quanflex {
    overflow: hidden;
    margin-top: 20rpx;
}

.quanflex .flexline {
    width: 50%;
    margin: 20rpx 0;
    float: left;
    display: flex;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    /* 水平居中 */
    gap: 10rpx;
    /* 可选：调整两个 span 的间距 */
}

.quanflex .flexline>view:nth-child(2) {
    width: 227rpx;
    text-align: left;
}

.quanflex .flexline>view:nth-child(1) {
    width: 70rpx;
    height: 30rpx;
    text-align: left;
    text-align: center;
    font-size: 35rpx;
}

.quanflex .flexline .iconfont {
    font-size: 35rpx;
}

.youhui {
    overflow: hidden;
    margin-top: 35rpx;
    padding-left: 37rpx;

    >view {
        float: left;
        margin: 0 10rpx;
    }

    >view:nth-child(1) {
        float: left;
        color: #343A40;
        margin-left: 20rpx;
    }

    >view:nth-child(2) {
        float: left;
        color: #4EA8FF;
    }

    >view:nth-child(3) {
        float: left;
        color: #808080;
    }

    >view:nth-child(4) {
        float: left;
        color: #4EA8FF;
    }
}

.btn {
    margin: 0 50rpx;
    background: #058AFF;
    color: white;
    line-height: 77rpx;
    border-radius: 42rpx;
    font-size: 38rpx;
    text-align: center;
    box-shadow: 0px 0px 10rpx rgba(0, 0, 0, 0.1);
    margin-top: 25rpx;
}

.yueud {
    margin-left: 60rpx;
    width: 421rpx;
    margin: 0 auto;
    margin-top: 40rpx;
    margin-bottom: 40rpx;

    >view {
        text-align: center;
    }

    >view:nth-child(1) {
        color: #343A40;
        display: inline;
    }

    >view:nth-child(2) {
        color: #4EA8FF;
        display: inline;
    }
}